<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>恒望科技</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light bg-white">
    <div class="container">
    <a class="navbar-brand" href="#"><img src="img/1.png" alt=""></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
        <ul class="navbar-nav">
            <li class="nav-item active">
                <a class="nav-link cao" href="#">首页<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">解决方案<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">产品展示<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">客户案例<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">服务中心<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">新闻动态 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">关于我们<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">招贤纳士<span class="sr-only">(current)</span></a>
            </li>
            </li>
        </ul>
    </div>
    </div>
</nav>












<div class="bd-example">
    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="img/2.png" class="d-block w-100" alt="">
            </div>
            <div class="carousel-item">
                <img src="img/3.png" class="d-block w-100" alt="">
            </div>
            <div class="carousel-item">
                <img src="img/4.png" class="d-block w-100" alt="">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>



<main>
    <div class="solve text-center">
        <img src="img/6.png" alt="">
        <h3>解决方案</h3>
        <p>Solutions</p>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <img src="img/7.png" alt="">
                    <h5>网站、移动网站</h5>
                    <p>微信公众号开发移动网站微信公众号开发</p>
                </div>
                <div class="col-md-3">
                    <img src="img/8.png" alt="">
                    <h5>网站、移动网站</h5>
                    <p>移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
                </div>
                <div class="col-md-3">
                    <img src="img/9.png" alt="">
                    <h5>网站、移动网站</h5>
                    <p>移动网站微信公众号开发移动网站微信公众号开发</p>
                </div>
                <div class="col-md-3">
                    <img src="img/10.png" alt="">
                    <h5>网站、移动网站</h5>
                    <p>网站、移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
                </div>
            </div>
        </div>
        <div class="customer">
            <img src="img/11.png" alt="">
            <h3>客户案例</h3>
            <p>Customer Case</p>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3 case-1">
                    <img src="img/case-1.png" class="card-img-top" alt="">
                </div>
                <div class="col-md-3 case-2">
                    <img src="img/case-2.png" class="card-img-top" alt="">
                </div>
                <div class="col-md-3 case-3">
                    <img src="img/case-3.png" class="card-img-top" alt="">
                </div>
                <div class="col-md-3 case-4">
                    <img src="img/case-4.png" class="card-img-top" alt="">
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 case-5">
                    <img src="img/case-5.png" class="card-img-top" alt="">
                </div>
                <div class="col-md-3 case-6">
                    <img src="img/case-6.png" class="card-img-top" alt="">
                </div>
                <div class="col-md-3 case-7">
                    <img src="img/case-7.png" class="card-img-top" alt="">
                </div>
                <div class="col-md-3 case-8">
                    <img src="img/case-8.png" class="card-img-top" alt="">
                </div>
            </div>
        </div>
        <div class=" news">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>全方位解决方案，为您轻松解决不同问题</p>
                        <p>A full range of solutions for you to solve different problems</p>
                    </div>
                    <div class="col-md-6">
                        <a href="" class="btn float-right">查看更多》</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="wang">
            <img src="img/13.png" alt="">
            <h4>新闻动态</h4>
            <p>hengwang News</p>
            <div class="container">
                <div class="row">
                    <div class="col-md-6 fl">
                        <img src="img/news1.jpg" alt="">
                        <div class="now">
                        <h4>关于召开年会的通知</h4>
                        <p>互联网，又称国际网络或音译因特网、英特网，是网络与网络质检所串成连城的庞大网络与网络之...</p>
                        <a href="" class="btn">查看更多》</a>
                    </div>
                    </div>
                    <div class="col-md-6 fl">
                        <img src="img/news2.jpg" alt="">
                        <div class="now">
                        <h4>关于召开年会的通知</h4>
                        <p>互联网，又称国际网络或音译因特网、英特网，是网络与网络质检所串成连城的庞大网络与网络之...</p>
                        <a href="" class="btn">查看更多》</a>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="serve">
            <img src="img/14.png" alt="">
            <h4>服务客户</h4>
            <p>Serve Customers</p>
            <div class="container">
                <div class="row">
                    <div class="col-md-2 col-6">
                        <img src="img/iame.png" alt="">
                    </div>
                    <div class="col-md-2 col-6">
                        <img src="img/trang.png" alt="">
                    </div>
                    <div class="col-md-2 col-6">
                        <img src="img/smar.png" alt="">
                    </div>
                    <div class="col-md-2 col-6">
                        <img src="img/ad.png" alt="">
                    </div>
                    <div class="col-md-2 col-6">
                        <img src="img/mse.png" alt="">
                    </div>
                    <div class="col-md-2 col-6">
                        <img src="img/iame-1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
</main>







<footer>
    <div class="cus">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <h4>联系我们</h4>
                <p>地址：武汉市洪山区街道口鹏程国际B座2511</p>
                <p>电话：18238765101</p>
                <p>传真：（123）456-7890</p>
                <p>邮箱：support@vectorlab.com</p>
                <p>027-82671661</p>
                <p><img src="img/15.png" alt="">相关链接</p>
            </div>
            <div class="col-md-4">
                <h3>相关链接</h3>
                <div class="she">
                    <ul>
                        <li><a href="">解决方案</a></li>
                        <li><a href="">产品展示</a></li>
                        <li><a href="">客户案例</a></li>
                    </ul>
                </div>
                <div class="he">
                    <ul>
                        <li><a href="">服务中心</a></li>
                        <li><a href="">关于我们</a></li>
                        <li><a href="">招贤纳士</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4"></div>
        </div>
    </div>
    </div>
</footer>





<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>